@media only screen and (max-width: 1366px) {
	.flat-testimonials-post .owl-controls {
		display: none;
	}

}

@media only screen and (max-width: 1199px) {
	.widget-infomation ul.infomation-footer li,
	.flat-list {
		margin-bottom: 15px;
	}

	.flat-carousel .owl-controls {
		display: none;
	}

	.flat-benefit {
		padding: 96px 0px 0;
	}
	
	article.post.style3 .content-post {
		overflow: visible;
	}
}

@media only screen and (max-width: 991px) {
	
	.main-menu li {width:100%}
	.logo {
	    display: inline-block;
	    float: left;
	}

	.btn-menu {
		display: block ;
	}

	.nav-wrap {
		position: relative;
	}		

	#mainnav {
		display: none;
	}

	.top,
	.top .flat-questions {
		text-align: center;
	}

	.top .flat-socials, 
	.top .flat-questions {
		float: none;
	}

	.flat-socials {
		display: none;
	}

	.top .col-md-6.text-right {		
		padding-top: 20px;
	}

	.imagebox-item,
	.iconbox-item {
		margin-bottom: 30px;
	}

	.height80 {
	    height: 0px;
	}
	
	.widget-infomation ul.infomation-footer li,
	.flat-list {
		margin-bottom: 15px;
	}

	.flat-infomation {
	    float: none;
	    margin-bottom: 20px;
	}

	.flat-iconbox.iconbox-style1,
	.flat-iconbox.iconbox-style2,
	.flat-iconbox.style-3 {
		margin-bottom: 40px;
	}

	.flat-iconbox.iconbox-style1 + .vc_empty_space,
	.flat-iconbox.iconbox-style2 + .vc_empty_space,
	.flat-iconbox.style-3 + .vc_empty_space  {
		height: 0 !important;
	}

	.imagebox-image img,
	.page-wrap.sidebar-right .content-area,
	.page-wrap.sidebar-right .widget-area,
	.page-wrap.sidebar-left .widget-area,
	.page-wrap.sidebar-left .content-area,
	.flexslider .slides img,
	.page-wrap.sidebar-left .single-page .widget-area, 
	.page-wrap.sidebar-right .single-page .widget-area,
	.page-wrap.sidebar-left .single-page .content-area, 
	.page-wrap.sidebar-right .single-page .content-area {
		width: 100%;
	}

	.call-back-form,
	.page-wrap.sidebar-left .content-area,
	.footer-widgets #nav_menu-2 {
		padding-left: 0 !important;
	}

	.call-back-form,
	.page-wrap.sidebar-right .content-area,
	.page-wrap.sidebar-left .single-page .content-area, 
	.page-wrap.sidebar-right .single-page .content-area  {
		padding-right: 0 !important;
	}

	.flat-your-contact .contact-thumb {
		max-width: 100%;
	}

	.portfolio-filter li {
		padding: 0 10px;
	}

	.flat-portfolio .item,
	.flat-portfolio .one-four .item,
	.blog-grid.blog-four-columns article {
		width: 50%;
	}	

	.comments-area ul.children {
		margin-left: 50px;
	}


	.header.widget-header .logo {
		width: 25%;
	}

	.header.widget-header .wrap-widget-header {
		width: 65%;
	}
	
		

	.flat-single-images {
		position: relative;
		left: 0;
		top: auto;
		bottom: -89px;
	}

	.counter {
		text-align: center;
		margin-bottom: 40px;
	}

	
	.top .flat-questions {
		padding-left: 0;
		margin-bottom: 5px;
	}

	.header.widget-header {
		padding: 0 0 0;
	}
	

	.flat-team.team-grid {
		margin-bottom: 30px;
	}

	.flat-team.team-grid {
		text-align: center;
	}

	.flat-callback-form {
	    padding-left: 0;
	}

	.flat-callback-form .flat-field {
	    padding-right: 0;
	}

	#form-email-footer {
	    width: 100%;
	}
	

	.flat-text-block-timeline .flat-timeline-content {
		padding-left: 15px;
	}

	.top.style2 .logo,
	.top.style2.v1 .logo {
	    margin-top: 20px;
	    line-height: 50px;
	    float: none;
	}

	.top.style2 .flat-open-hours, 
	.top.style2 .flat-address,
	.top.style2.v1 .flat-open-hours, 
	.top.style2.v1 .flat-address {
	    margin-top: 20px;
	    width: 50%;
	    overflow: hidden;
	    margin-bottom: 20px;
	}

	.header.style2 .show-search a {
	    margin: 28px 0;	
	}

	.header.style2.v1 {
	    background-color: #3a526a;
	}

	.header.style2.v1 .flat-header-wrap {
		position: relative;
		bottom: 0;
		padding: 0 ;
	}

	.header.style3 {
		position: relative;
		top: 0;
	}

	.header.style3 {
	    background-color: #fff;
	}

	.header.style3 .show-search a i {
	    color: #18ba60;
	}

	.top.style2.v1 {
	    padding: 0;
	}

	.text-block-callback {
	    text-align: center;
	}

	.iconbox.style3 {
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	    float: none;
	}

	.flat-benefit {
		padding: 0 15px;
	}

	.benefit-image {
		margin-bottom: 50px;
	}

	article.post.style3 {
	    width: 100%;
	    float: none;
	    overflow: hidden;
	    margin-bottom: 30px;	
	}

	article.post.style3 .content-post {
	    overflow: visible;
	}

	article.post.style4 {
		margin-bottom: 40px;
	}

	.flat-imagebox.item {
	    width: 50%;
	    margin-bottom: 50px;
	}

	.flat-block-quote-slider .flex-control-nav {
		position: relative;
		padding-right: 0;
	}

	.testimonials-post .featured-post {
	    margin-bottom: 20px;
	}

	.flexslider.s2,
	.flexslider.s1 {
	    margin-bottom: 50px;
	}

	.wrap-main-post.about-v1,
	.wrap-main-post.about-v3 {
	    padding: 0;
	}

	.wrap-button.s1 {
		margin-top: 0;
	}	

	.sidebar.right {
	    padding-left: 0;
	}

	.post-wrap {
		margin-bottom: 50px;
	}

	.form-info input[type="submit"] {
		margin-bottom: 30px;
	}

	.page-wrap.sidebar-left .widget-area,
	.page-wrap.sidebar-left .single-page .widget-area,
	.page-wrap.sidebar-right .widget-area {
		padding-top: 30px;
	}

	.flat-imagebox.style2 {
		padding: 50px 0 0;
	}

	.flat-iconbox,
	.pd-imagebox,
	.flat-owl-stage,
	.flat-callback,
	.flat-news,
	.pd-imagebox-s3,
	.flat-counter,
	.flat-testimonials,
	.flat-news-s2,
	.flat-iconbox.style2,
	.flat-progress-accordion,
	.pd-about-post,
	.pd-services-post,
	.pd-portfolio-s1,
	.pd-contact-v1,
	.pd-contact-v2 {
	    padding: 50px 0;
	}

	.dividers.dividers-about-post,
	.dividers.dividers-imagebox {
		height: 50px;
	}

	.dividers-pagination {
	    height: 0;
	}


}


@media only screen and (max-width: 767px) {
	.i_linh li{width:25%; float:left;}
	.dynamic-l{
	width: 200px;
	height: 70px;
	background: #0762bc;
	text-align: center;
	line-height: 70px;
	font-size: 22px;
	color: white;
	display:none
}
.dynamic-r{
	width: 80px;
	color: #666666;
	font-size: 14px;
	display:none
}
.aboutmiddle ul li{ display:block; width:100%;  float:left;list-style:none; height:300px; overflow:hidden; margin-right:1px;}
.pro-in {
    font-size: 0;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}
.pro-item {
    display: inline-block;
    font-size: 16px;
    color: #686868;
    text-align: center;
    margin-right: 7px;
    overflow: hidden;background:#e5e5e5;border-radius:15px;padding:8px 12px;
}
.pro-item span{ height:30px; clear:both; }
.pro-item:hover, .pro-item.on {
   
    text-decoration: none;
    color: #fff;
	font-weight:bold;
	background:#e7280e;
	padding:8px 12px;border-radius:15px
	
}
	.top .col-md-6.text-right {
		padding-top: 5px;
	}

	.widget-infomation ul.infomation-footer li i.fa {
		float: left;
	}

	.widget-infomation ul.infomation-footer li a {
		overflow: hidden;
	}  

	.flat-questions a.appoinment {
		margin: 0 5px;
	}

	.flat-callback-form .flat-field .field-one-half,
	article.post.s1,
	article.post.s1 .featured-post img,
	article.post.style2 .featured-post img,
	article.post.style4 .featured-post img {
		width: 100%;
	}

	article.post.style2 {
		margin-bottom: 40px;
	}

	.flat-callback-form .flat-field .field-one-half select {
		margin-bottom: 0;
	}

	.footer-widgets .widget.widget_nav_menu {
		padding-left: 0;
	}

	#menu-bottom li a {
		padding-left: 0;
		padding-right: 20px;
	}
	
	.author-post .info {
		padding: 15px;
	}

	.flat-portfolio-single-slider {
		margin-top: 30px;
	}

	.flat-portfolio-single-slider li img {
		width: 100%;
	}

	.single-portfolios .page-wrap {
		padding: 70px 0 30px;
	}

	article .wrap-entry-title,
	.comments-area ol.comment-list article .comment_content .comment_text {
		overflow: visible;
	}

	.comments-area ul.children {
		margin-left: 30px;
	}

	.wrap-widget-header {
		display: none;
	}

	.header.widget-header .logo {
		width: 100%;
	}

	.header.widget-header .btn-menu {
		top: -120px;
	}

	.page-title.pagetitle_style_2 .page-title-heading,
	.page-title.pagetitle_style_2 .breadcrumbs,
	.page-title.pagetitle_style_3 .page-title-heading,
	.page-title.pagetitle_style_3 .breadcrumbs {
		display: table;
		width: 100%;
		text-align: left;
	}

	.iconbox-slider .slides .item {
	    width: 100%;
	}

	.iconbox-slider .slides .item .featured-post img {
	    width: 100%;
	}

	.one-half {
		width: 100%;
	}

	.wrap-one-half.services {
		padding: 0 15px;
	}

	.wrap-one-half.services .one-half {
	    padding: 0;
	}
}



@media only screen and (max-width: 549px) {	

	.flat-questions a.appointment {
		display: -webkit-inline-box;
	}

	.flat-questions a.questions {
		margin-right: 0;
	}

	.flat-infomation li.phone {
		border-right: none;
	}

	.flat-callback-form .flat-field {
	    padding-right: 0;
	}

	.imagebox.style1 .imagebox-content .imagebox-button a {
		margin-top: 10px;
	    padding: 10px 52px 10px 30px;
	}

	.iconbox-slider .slides .item .title-post {
		width: 100%;
	}

	.widget-infomation ul.infomation-footer li,
	.flat-list {
		margin-right: 0;
	}

	.footer-bottom .menu-footer {
	    float: none;
	}

	.footer-bottom .menu-footer li:last-child {
		display: block;
		text-align: center;
		margin-left: 0;
	}

	.testimonial-slider.style-2 .testimonial-image {
		max-width: 100%;
		margin: 0 0 0;
	}

	.flat-portfolio .item,
	.blog-shortcode.blog-list article {
		width: 100%;
	}

	.portfolio-filter li a {
		line-height: 45px;
	}

	article .entry-title {
		font-size: 18px;
	}

	.author-post .info {
		overflow: visible;
	}

	.author-post .author-avatar {
		margin-right: 10px;
		max-width: auto;
	}

	.comments-area ul.children {
		margin-left: 15px;
	}

	.top .flat-infomation ul li:after,
	.top .flat-questions:before {
		display: none;
	}

	.flat-imagebox .flat-imagebox-header .flat-imagebox-title,
	.page-template-tpl .vc_toggle_title > h4 {
		font-size: 13px;
	}

	.flat-imagebox .box-header {
		left: 0;
		bottom: 0;
		right: 0;
	}

	.flat-imagebox .box-header {
		padding: 18px 80px 10px 20px;
	}

	.testimonial-slider {
		padding: 0 15px 53px;
	}

	.block-quote .quote-content blockquote {
		padding: 80px 0 0 0;
	}

	.flat-team .team-image {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}

	.flat-team .team-image img {
		width: 100%;
	}

	#text-5 {
		margin-bottom: 0;
	}

	.flat-portfolio .one-four .item,
	.flat-portfolio .one-half .item,
	.blog-grid.blog-four-columns article {
		width: 100%;
	}

	article .entry-meta ul li {	   
	    padding-left: 17px;
	    margin-right: 9px;
	}

	.flat-team.team-grid {
		margin-bottom: 30px;
	}

	.flat-before-footer .flat-infomation > div {
		margin-right: 0;
	}

	.page-template-front-page .wrap-header-style3 {
		padding: 0 15px;
	}

	.testimonial-slider.style-2 .testimonial-image {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.flat-imagebox .box-content {
		padding: 15px;
	}

	.flat-imagebox .flat-imagebox-button {
		margin-top: 0;
	}

	.flat-imagebox .flat-imagebox-button a {
		padding: 9px 52px 8px 14px;
	}

	.flat-imagebox .flat-imagebox-button a:after {
		top: 9px;
	}

	.footer-bottom .copyright,
	.widget-custom-menu {
		text-align: center;
	}

	.footer-bottom .copyright {
		margin-bottom: 20px;
	}

	.footer-bottom p,
	#menu-bottom li {
		line-height: normal;
	}

	article.post.style3 .featured-post {
	    float: none;
	    margin-right: 0;
	    margin-bottom: 30px;
	}

	.flat-accordion .toggle-title {
		font-size: 14px;
	}

	.page-title .breadcrumbs {
	    float: left;
	}

	.page-title .page-title-heading {
		float: none;
	}

	.entry-post-title ul.entry-meta li {
	    margin-left: 0;
	}

	.top.style2 .flat-open-hours, 
	.top.style2 .flat-address,
	.top.style2.v1 .flat-open-hours, 
	.top.style2.v1 .flat-address,
	.flat-imagebox.item {
	    width: 100%;
	}

}

@media (max-width: 320px) {	

	
}








/* Large desktop :1920px. */
@media (min-width: 1920px) {
	.carousel-caption1 {
  position: absolute;
  right: 15%;
  bottom: 52%;
  left: 24%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  text-align:c
}
	.historyList ul li .div{ float: left; width: 660px; padding: 22px 24px 26px 55px; border: 1px solid #e3e3e3; position: relative;z-index: 9;  cursor: pointer; line-height: 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
    .container {width: 1400px}
    .as-mainwrapper .container {width: 1400px}
    .preview-2 .nivo-directionNav a.nivo-prevNav {left: 60px;}
    .preview-2 .nivo-directionNav a.nivo-nextNav {right: 60px;}
    .video-wrapper, .video-banner {height: 630px}
	.gallery-img h2 {margin: 69px auto 10px;}
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	
    .container {width:970px}
    .as-mainwrapper.wrapper-boxed {width: 970px}
    .as-mainwrapper.wrapper-boxed .sticky {width: 970px}
    .main-menu > li > a {padding: 38px 4px;}  
    .address {padding-left: 20px;}
    .time-payment {padding-left: 5px;}
    .sticky .main-menu > li > a {padding: 20px 4px;}
    .single-footer-widget > span i {width: 21px;}
    .gallery-img h2 {margin: 35px auto 10px;}
    .gallery-img p {margin: 0;}
    .video-wrapper, .video-banner {height: 550px}
    .video-section img {width: 100%;}
    .advertise-content h3 {font-size: 24px;}
    p.sub-title {font-size: 16px;}
    h1.title1 {font-size: 65px;}
    .banner-content .text-content-wrapper {float: none;} 
    .blog-post-info span {padding-left: 0;}
    .single-comment.ml-130 {margin-left: 86px;}
    .job-title h4 {font-size: 17px;}
    .job-title h5 {font-size: 14px;}
    .keyword {padding-left: 0;}
    .keyword a.button {margin-right: 4px; padding: 0 18px;}
    .form-container {padding: 38px 64px;}
	.button-style-two.col-4 { width: 66%;}
	.photo-uploader {width: 100%;}
    .subscribe-container {padding: 16px 27px 21px;}
	.subscribe-container > p {margin-bottom: 15px;}
}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	
    .container {width:750px}
    .as-mainwrapper.wrapper-boxed {width:750px}
    .mobile-menu-area {display: block}
    .as-mainwrapper.wrapper-boxed .sticky {width: 750px;}
    .sticky {position: inherit;}  
    .logo {text-align: center;}
    .sticky .logo img {width: auto;}
    h1.title1 {font-size: 53px;}
    .background-area h1.title1 {font-size: 49px;}
	h1.title1.text-medium {
		font-size: 53px;
		line-height: 62px;
		margin-bottom: 5px
	}
    .banner-content .text-content-wrapper {float: none; margin-right: 0}
    p.sub-title {font-size: 15px;}
    .banner-readmore {margin-top: 30px;}
    .time-payment {padding-left: 0;}
    .job-title h4 {font-size: 17px;}
    .job-title {width: 47%;}
    .address {padding-left: 0; width: 32%;}
    .video-section img {width: 100%;}
    .carousel-style-two.owl-theme .owl-controls .owl-nav div.owl-prev {left: -3%}
    .carousel-style-two.owl-theme .owl-controls .owl-nav div.owl-next{right: -3%; left: auto}
    .single-footer-widget > span i {font-size: 18px; width: 27px;}
    .blog-post-info > span:nth-child(2) {padding-left: 27px;}
    .gallery-img h2 {margin: 50px auto 10px;}
    .video-wrapper, .video-banner {height: 430px}
    .preview-2 .nivo-directionNav a {display: none} 
    .single-blog {margin-bottom: 50px;}
    .blog-posts .col-md-6:last-child .single-blog {margin: 0;}
    .pagination-content .pagination {margin-top: 50px;}
    .pt-120 {padding-top: 70px;}
    .pb-120 {padding-bottom: 70px;}
    .pb-110 {padding-bottom: 70px;}
    .single-sidebar-widget:last-child {margin: 0;}
    .single-comment.ml-130 {margin-left: 86px;}
    .form-container {padding: 38px 64px;}
    .select.large {width: 157px;}
    .select.small {width: 144px;}
    .select.medium {width: 132px;}
    .job-title h4 {font-size: 17px;}
    .job-title h5 {font-size: 14px;}
    .keyword {padding-left: 0;}.keyword a.button {margin-right: 0; padding: 0 6px;}
    .candidates-area .job-title {padding-left: 18px; width: 36%;}
    .candidates-area .address {width: 25%;}
    .keyword {width: 37%;}
    .job-title .pl-30 {padding-left: 15px;}
    .contact-form {margin-top: 70px;}
    .contact-form-and-info {width: 850px;}
    .blog-carousel .single-blog:last-child {margin: 0;}
    .ptb-120 {padding: 70px 0;}
	.mb-120 {margin-bottom: 70px;}
	.button-style-two.col-4 {width: 62%;}
	.photo-uploader {width: 100%;}
    .subscribe-container {padding: 13px 20px 15px;}
	.subscribe-container > p {margin-bottom: 15px;}
	.fixed {position: inherit;}
	.center .banner-content .text-content-wrapper, .banner-content .text-content-wrapper.m-0 {float: none; margin: auto;}
	.single-job-post-area .area-title {margin-bottom: 20px;}
	.advertise-content {padding-left: 0;}
}
    
/* small mobile :320px. */
@media (max-width: 767px) {
	.basewidth{width:100%; overflow:hidden}
.go-top {
   	position: fixed !important;
   	right: -35px;
	bottom: 65px;   
   	width: 40px;
   	height: 40px;
   	-webkit-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
         -o-border-radius: 2px;
    		border-radius: 2px;
   	cursor: pointer;   
    background-color: rgba(0, 0, 0, 0.4);
   	line-height: 40px;
   	text-align: center;   	
   	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	   	filter: alpha(opacity=0);
	  	opacity: 0;
    
}

.go-top.show {
	right: 15px;
	bottom: 65px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}
.footernr{font-size:13px; line-height:30px;}
.footernr .ewm{width:35%; float:left}
.footernr .addresstel{width:64%; float:right}

	.homeAboutTitle h2{ color: #0157a6; font-size: 30px; line-height: 1.2; padding:1.83% 0 1.33% 0; font-weight: bold; }
	.bottom-nav{
	width:100%; position: fixed; bottom:0px; z-index: 100; overflow:hidden; display:block; 
}
	.bottom-nav-li {
	width: 25%; text-align: center; color: #ffffff; float: left; background-color: rgb(0, 103, 204);
}
.bottom-nav-li:hover {
	cursor: pointer; background-color: #3b95ed;
}
.bottom-nav-li:focus {
	cursor: pointer; background-color: #E4E4E4;
}
.bottom-nav-li a {
	color: #ffffff; display: block;
}
.bottom-nav-li a:hover {
	text-decoration: none;
}
.bottom-nav-li a:focus {
	text-decoration: none;
}
.news-title{width:100%;margin:30px auto;border-bottom:1px solid #ff0000; overflow:hidden}
.news-title a{width:49%;height:50px;text-align:center;font-size:16px;color:#666;display:inline-block;line-height:50px;margin-right:1px;background:#ebebeb; margin-bottom:5px; float:left}.news-title a:hover,.news-title .on{background:#fg;color:#fff; float:left}
	
.gr-product-list-3 li {
    width: 100%;
    margin-right: 0%;
    overflow: hidden;
	margin-bottom:20px;
}
	.panel-default>.panel-heading{
   background: #f3f3f3;
   border-radius: 0;
   position: relative;
   min-width:100%;
   
  
   
}
	.service-fw li {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #C0C0C3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	margin-bottom:10px;
}
.se
.service-promise ul {
    margin-bottom: 10px;
	margin-top:0;
    width: 100%;
}
.service-promise ul li {
    float: left;
    width: 50%;
    height: auto;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
	.simplefilter li a{
  color:#636363;
  display:block;
  background:#E6E6E6;
		    border-radius: 30px;
			padding: 12px 25px;
}
	.page-heading {
   height:174px;
    padding-top: 45px;
    position: relative;
    z-index: 1;
	padding-bottom: 50px;
}

.page-heading .title {
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
	
}
.page-heading .breadcrumb{
    font-size: 16px;
    text-transform: none;
    color: #fff;
    background: none;
    border-radius: 0;
    margin-bottom: 0;
	 font-weight: 200;letter-spacing:0px
}
	.syabout {float: left; margin-right:3%; margin-left:5%;}
	.nodisplay{ display:none;}
    .container {width:99%}
    .as-mainwrapper.wrapper-boxed {width:300px}
    .mobile-menu-area {display: block;}
    #sticky-header, .as-mainwrapper.wrapper-boxed #sticky-header, #sticky-header.fixed {position: inherit;}
    #sticky-header {width: auto;}
    .logo {text-align: left;}
.slide-box{ width:100%; height:1500px;}
.slide-item{
width: 100%;height: 250px;border-right: 1px #b1b1b1 solid;float:left;margin-right: 0px;}
.slide-item:nth-of-child(5){  border-right: 0px #b1b1b1 solid;}		
.slide-box::-webkit-scrollbar {display: block;}
.slide-item dd{font-size: 38px;font-weight: bold;display: block;line-height: 2em;color: #e60012;text-align:center;margin-top:10%; }
.slide-item p{font-size: 14px;display: block;line-height: 25px;color: #fff;margin-top:10px;width:95%; margin:0 auto;}
.slide-item dt {font-size: 17px;display: block;color: #fff;text-align:center;height:40px;font-weight: bold;}
.page_turner { padding: 10px 0; overflow: hidden; }
.page_turner a, .page_turner span { text-align: center; color:#333; display: inline-block; *display:inline;
border: 0px solid #f3f3f3; background:#f3f3f3; height: 40px; min-width: 50px; margin-left: 0px; line-height: 40px; padding: 4px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #f5c622; color: #FFF; }

.slide-item span {font-size: 16px;color: #fff;line-height: 3em;border-radius: 50px;border: 1px #fff solid;display: block;width: 60%;margin: 30px auto 80% auto;text-align:center;}


.abuc{background:url(../images/jxs1.jpg) #333;background-size: 100% 100%; width:100%; overflow: visible;  -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;height:1350px;}
.abuc1{background:url(../images/jxs1.jpg) #333;background-size: 100% 100%; width:100%; overflow:visible;    -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;}

.abuc2{background:url(../images/jxs1.jpg) #333;background-size: 100% 100%;  width:100%; overflow:visible;   -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;}

.abuc3{background:url(../images/3.jpg) #333;background-size: 100% 100%;  width:100%; overflow:visible;    -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;}


.abuc4{background:url(../images/jxs1.jpg) #333;background-size: 100% 100%;  width:100%; overflow:visible;    -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;}

.abuc5{background:url(../images/jxs1.jpg) #333;background-size: 100% 100%;  width:100%;    -webkit-transition: all 1.5s;-moz-transition: all 1.5s;-o-transition: all 1.5s;}
.gr-product-list-4 li {
    width: 100%;
    margin-right: 1%;
    overflow: hidden;
	margin-bottom:20px;
}
.newswrap .newsitem1{margin-right:0;width:100%;position:relative;margin-bottom:10px}
.newswrap .newsitem1 .newsborder{padding:20px 30px 25px;margin-left:-1px}
.newswrap .newsitem1 img{display:block;width:100%;height:100%;-moz-object-fit:cover;-webkit-object-fit:cover;-ms-object-fit:cover;object-fit:cover;-moz-object-position:center;-webkit-object-position:center;-ms-object-position:center;object-position:center;width:100%;position:absolute;left:0;top:0}
.newswrap .morebtn{display:block;line-height:55px;background:#fff;color:#666;text-align:center;font-size:16px;width:180px;border-radius:30px;float:left;margin-left:0;margin-top:10px;margin-bottom:20px;box-shadow:0 0 8px rgba(0,0,0,.1)}
    .sticky .logo img {width: auto;}
    .logo img {transition: none 0s ease 0s ;}   
    .ptb-120 {padding-bottom: 70px; padding-top: 70px;}
    .pb-120{padding-bottom: 70px} 
    .pb-110{padding-bottom: 60px} 
    .pb-100{padding-bottom: 50px} 
    .pt-120{padding-top: 70px} 
    .pt-110{padding-top: 60px} 
    .pt-100{padding-top: 50px} 
    .preview-2 .nivo-directionNav a.nivo-prevNav {left: 2px;}
    .preview-2 .nivo-directionNav a {
        height: 55px;
        margin-top: -27.5px;
        padding: 0;
        width: 55px;
    }
    .preview-2 .nivo-directionNav a.nivo-nextNav {right: 2px;}
	h1.title1 {font-size: 21px; margin-bottom: 5px; margin-top: 0}
	.background-area h1.title1 {font-size: 18px;}
	h1.title1.text-medium {
		font-size: 21px;
		line-height: 30px;
		margin-bottom: 15px;
	}
    .banner-readmore {margin: 0 auto;}
    .text-content {text-align: center;}
    .job-title, .address, .time-payment {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
    .job-title span, .job-title div { width: 100%;}
    .job-title div {padding: 0;}
    .address span {margin: 10px;}
    .time-payment {padding: 0 0 20px 10px;}
    .sticky.header-area {position: inherit;}
    .section-title h2 {font-size: 28px;} 
    .video-section img {width: 100%;}
    .single-fun-factor {margin-bottom: 40px;}
    .fun-factor-area .col-md-3:last-child .single-fun-factor {margin: 0;}
    .advertise-content > h3 {font-size: 22px; line-height: 33px;}
    .advertise-content {padding: 0;}
    .advertise-content p {padding: 0;}
    .blog-post-info span {padding-left: 0px;}
    .blog-date {height: 55px; padding: 7px 0; width: 48px;}
    .blog-post-info span i {margin-right: 0;}
    .blog-text h5 {padding-top: 15px;}
    .owl-controls {display: none;}
    .social-links {float: left !important; margin-top: 17px;}
    .single-footer-widget {margin-bottom: 30px;}
    .footer-widget-area .col-md-3:last-child .single-footer-widget {margin: 0;}
    .footer-text {line-height: 20px;}
    .job-title::after {display: none}
    .single-job-post:hover:after{opacity: 1}
    .gallery-img h2 {line-height: 22px; margin: 27px auto 10px;}
    .gallery-img p {margin: 0 8px;}
    .gallery-area .col-md-4 {margin-bottom: 30px;}
    .gallery-area .col-md-4:last-child {margin: 0;}
    .video-wrapper, .video-banner {height: 280px}
    .preview-2 .nivo-directionNav a {display: none}
    .banner-content .text-content-wrapper{margin: auto; float: none}
    .pagination-content .pagination {margin-top: 50px; margin-bottom: 40px}
    .single-sidebar-widget:last-child {margin: 0;}
    .single-blog {margin-bottom: 50px;}
    .blog-posts .col-md-6:last-child .single-blog {margin: 0;}
    .recent-post-item h5 {font-size: 16px}
    .single-comment.ml-130 {margin-left: 0px;}
    .blog-post-info span i {margin-right: 2px;}
    .blog-post-info > span.l-text {font-size: 12px;}
    .author-image {margin-right: 13px;}
    .comment-time, span.reply {display: block; float: left;}
    .author-info > h4 {display: block; margin: 0;}
    .comment-text > p {
        display: block;
        float: left;
        overflow: hidden;
    }
    .single-comment:last-child .comment-text {border: 0 none;}
    .form-container {padding: 38px 64px;}
    .select.large, .select.small, .select.medium {width: 100%; margin-bottom: 10px}
    button.button-dark {width: 100%}   
    .keyword {
        padding-bottom: 12px;
        padding-left: 0;
        padding-top: 5px;
        text-align: center;
        width: 100%;
    }
    .keyword a.button {margin-right: 0; padding: 0 7px;}
    .breadcrumb-banner-area {padding-top: 70px;}
    .breadcrumb-banner-area .form-container {margin-top: 50px;}
    .contact-form { margin-top: 70px; padding: 40px 10px;}
    .contact-form-and-info {width: 300px;}
    .contact-form .col-5 {width: 100%;}
    .single-contact-info {margin-bottom: 30px; width: 100%;}
    .single-contact-info:last-child {margin: 0;}
    .pb-115 {padding-bottom: 70px;}
    .blog-carousel .single-blog:last-child {margin: 0;}
	.header-top {display: none;}
	.mb-120{margin-bottom: 70px}
	#form-pop-up {min-width: 292px; padding: 10px 90px; top: 52%;}
	.signup-form #form-pop-up {top: 52%;}
	.form-pop-up-content {padding-left: 20px; padding-right: 20px;}
	#form-pop-up .hide-popup {right: 78px; top: 0;}
	.button-style-two.col-4 {width: 66%;}
	.account-form-container {margin-top: 35px;}
	.mb-120 {margin-bottom: 70px;}
	.account-area .button-style-two.col-4 {padding: 0 10px; width: 100%;}
	.photo-uploader {width: 100%;}
	.single-info label, .single-info label.lg-text {width: 100%;}
	.desc.fix.ml-160 {margin-left: 96px;}
	.single-job-form .ml-160 {margin-left: 100px;}
	.breadcrumb-text h2 {font-size: 30px; line-height: 35px;}
	.single-job-content .title {padding-top: 0;}
	.single-info label {float: left; width: 100%;}
	.form-box {width: 100%;}
	.map-area.ml-160 { margin-left: 0;}
	.desc {margin-left: 0;}
	.uploader, .photo-uploader {width: 100%;}
	.max-size {margin-left: 0;}
	.single-job-form .ml-160 {margin-left: 0;}
	.mb-120 {margin-bottom: 70px;}
	.button.slider-btn {padding: 2px 18px;}
	.modal-dialog {width: 300px;}
    .subscribe-container {padding: 16px 20px 20px;}
    .footer-info-container {padding-bottom: 50px; padding-top: 80px;}
    .footer-info > span { margin: 15px 0 0;}
    .single-footer-widget {margin-bottom: 27px;}
    .footer-container {padding: 30px 0 25px;}
    .footer-container .social-links-three {
        float: none;
        margin-top: 12px;
        text-align: center;
    }
    .footer-container span {display: block; text-align: center;}
	.fixed {position: inherit;}
	.single-job-post-area .area-title {margin-bottom: 20px;}
	.desc.fix {overflow: visible;}
	.advertise-content {padding-left: 0;}
	.breadcrumb-bar li {line-height: 18px;}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
    .container {width:450px}
    .as-mainwrapper.wrapper-boxed {width:450px}
    .gallery-img h2 {margin: 83px auto 10px;}
    .video-wrapper, .video-banner {height: 320px}
	.button.slider-btn {padding: 11px 38px;}
	h1.title1 {font-size: 34px; margin-bottom: 20px;}
	.background-area h1.title1 {font-size: 30px;}
	.uploader, .photo-uploader {width: 259px;}
	.max-size {margin-left: 160px;}
}







@media screen and (max-width:1429px){
    .historyList ul li:nth-child(2n) .div{padding: 22px 20px 26px 22px;  }
    .historyList ul li:hover .div{ padding: 21px 23px 25px 21px;}
}
@media screen and (max-width:1229px){
    .historyList ul li:nth-child(2n) .div{padding: 12px 10px 16px 12px;  }
    .historyList ul li:hover .div{ padding: 11px 9px 15px 11px;}
}

@media  screen and (max-width:991px){
	.carousel-caption {
  position: absolute;
  right: 1%;
  bottom: 12%;
  left: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
	.zjs02{ float:left; padding:0 12px;width:20%; text-align:center;}
	
	.dropdown, .mega-menu-area, ul.dropdown > li > ul.inside-menu {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    border-top: 2px solid transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    left: 0;
    padding: 16px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    min-width: 195px;
    z-index: 999;
	width:100%
	
}
    .historyList ul{padding-bottom: 20px; padding-top: 0;padding-left: 39px;}
    .historyList ul::before{ left: 6px; margin-left: 0;}
    .historyList ul::after{ left: 13px;}
    .historyList ul li{width: 100%;margin-top: 25px;padding: 0;}
    .historyList ul li div{ width: 100%; padding: 10px;border: 1px solid #e3e3e3; min-height: none;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;}




    .historyList ul li div::after{ right: auto; left: -39px;}
    .historyList ul li div::before{ right: auto; left: -15px;}
    .historyList ul li div img{float: left; width: 111px; height: 80px;}
    .historyList ul li div span{display: block;float: none;width: 100%;margin-top: 5px; padding-left: 130px;}
    .historyList ul li div span h2{height: auto;line-height: 1;font-size: 18px;}
    .historyList ul li div span font{font-size: 12px;line-height: 20px;}

    .historyList ul:nth-child(2) li:nth-child(1){margin-top: 15px;}
    .historyList ul li:nth-child(2n){float: left;padding: 0;margin-top: 15px;}
    .historyList ul:nth-child(3){display: none; position: relative; margin-top: 0;}
    .historyList ul:nth-child(3) li:nth-child(1){margin-top: 15px;}


    .historyList button{float: left; width: 82px;  height: 36px;line-height: 36px;font-size: 12px;}
}
@media screen and (max-width:1429px){
    .historyList ul li .div{ width: 609px; padding: 22px 24px 26px 22px; }
    .historyList ul li span{ width: 345px;}
}
@media screen and (max-width:1229px){
    .historyList ul li .div{ width: 456px; padding: 12px 14px 16px 14px; }
    .historyList ul li span{ width: 256px;}
    .historyList ul li span h2{ line-height: 24px; font-size: 20px; }
    .historyList ul li span font{ font-size: 14px; margin-top: 10px; }

}
@media screen and (max-width:991px){
	
	.historyList ul li .testwb{ float: left; width: 100%;}
    .historyList{ padding-top: 25px; }
    .historyList ul li .div{ width: 100%; }
}